<template>
    <div class="information">
        <div class="information-head">
            <div class="img">
                <img src="../images/icon_bangding_01.png" alt="">
            </div>
                <h2>{{msg}}</h2>            
        </div>
        <div class="content">
            <div class="content_1">
                 <img src="../images/IMG_huatixiaoxitongzhi_1.png" alt="">

                 <div class="content_text">
                    <h2>YSL大牌彩妆使用小技巧</h2>
                 </div>
            </div>
        </div>
        <div class="content">
            <div class="content_1">
                 <img src="../images/icon_touxiang_06.png" alt="">

                 <div class="content_text">
                    <h2>那些年我们追过的女神</h2>
                 </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default{
        name:'fens',
        data(){
            return{
                msg:'消息'
            }
        }       
    }
</script>

<style lang='less'>
.information{
    width:750/75rem;
    height:80/75rem;
}
.information-head{
    width:750/75rem;
    height:80/75rem;
    background:#FF406F;
}
.information-head h2{
    font-size:36/75rem;
    line-height:80/75rem;
    color:#fff;
}
.information-head .img{
    float:left;
    // width:750/75rem;
    height:36/75rem;
}
.information-head .img img{
    float:left;
    margin-left:20/75rem;    
    margin-top:26/75rem;
}
.content_1{
    width:750/75rem;
    height:154/75rem;
    background:#fff;
    margin-top:27/75rem;
    box-shadow:0 0 20px #D3C3C3
}
.content_1 img{
    float:left;
    width:96/75rem;
    height:96/75rem;
    margin-top:29/75rem;
    margin-left:45/75rem;
    margin-right:20/75rem;
}
.content_text{
    float:left;
    // width:432/75rem;
    height:154/75rem;
     margin-top:26/75rem;
}
.content_text h2{
    font-size:26/75rem;
    text-align:left;
    line-height:50/75rem;
   
}
</style>